<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../js/jquery-1.11.3.js"></script>
    <script>
     $(function(){
         $('input').click(function(){
             if ($('img:hidden').length){
                 $("img").slideDown(5000,'swing',function(){
                     $('input').val('隐藏')
                 });
             } else {
                 $("img").slideUp(5000,'swing',function(){
                     $('input').val('显示')
                 });
             }

         })
     })
    </script>
</head>
<body>
<input type="button" value="点我">
<img src="1.jpg" width="760">

</body>
</html>